div,html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {margin:0;padding:0;}
body {background-color:#fff;font:100%/1.5em 'Microsoft Yahei',tahoma,Arial;overflow-x:hidden;}
a {text-decoration:none;color:#333;}
input,select,textarea {outline:none;}
li {list-style:none;}
.clear {clear:both;}
.leonhereclear {clear:both;}
a img {border:none;}
table {background-color:transparent;border-spacing:0;border-collapse:collapse;font-size:0.75em;width:100%;border-top:solid 1px #ddd;border-left:solid 1px #ddd;box-sizing:border-box;}
table th {background-color:#f9f9f9;text-align:center;box-sizing:border-box;}
table td,table th {padding:5px 10px;border:1px solid #ddd;box-sizing:border-box;}
/*gold*/.inner {width:1200px;margin:0 auto;position:relative;}
.banner {margin-bottom:30px;}
.banner img {display:block;width:100%;height:auto;}
.thumbnail img {object-fit:cover;transition:all .3s;}
.thumbnail a:hover img {transform:scale(1.1);}
/*top*/#top {position:relative;z-index:2;background:#282828;width:100%;color:#fff;font-size:0.875em;height:36px;line-height:36px;font-weight:bold;}
#top .inner {position:relative;}
#top .tel {float:left;background:url(../images/phone.png) no-repeat left center;padding-left:18px;}
#top .tel a {color:#fff;}
.social {float:right;margin-top:4px;display:inline;}
.social ul li {float:left;margin-left:5px;display:inline;}
.social ul li a {display:table-cell;width:26px;height:26px;background:url(../images/social_icon.png) no-repeat;}
.social ul li.qq a {background-position:-36px -2px;}
.social ul li.qq a:hover {background-position:-109px -2px;}
.social ul li.weixin a {background-position:0 -2px;}
.social ul li.weixin a:hover {background-position:-73px -2px;}
.social ul li.weibo a {background-position:-147px -2px;}
.social ul li.weibo a:hover {background-position:-183px -2px;}
.social ul li.search a {background:url(../images/search.png) no-repeat center center;}
/*logo*/.logo {float:left;padding:20px 0;overflow:hidden;}
.logo a {overflow:hidden;display:block;height:60px;}
/*header*/#header {width:100%;border-bottom:1px solid #eee;}
/*nav*/.nav {float:right;height:40px;padding:30px 0;}
.nav li {float:left;display:inline-block;margin:0 10px;font-size:20px;line-height:40px;position:relative;transition:all 0.4s ease 0s;}
.nav li em {display:none;}
.nav li a {display:block;color:#333;padding:0 10px;border-radius:3px;}
.nav li a:hover,.nav li.on > a,.nav li.cur > a {background-color:#178EEE;color:#fff;}
.nav li ul {position:absolute;left:-1px;top:40px;background:#fff;border:1px solid #eee;border-radius:0 0 3px 3px;width:100%;padding:5px 0;display:none;z-index:5;}
.nav li li {font-size:14px;float:none;margin:0;display:block;text-align:center;line-height:2em;}
.nav li li a {padding:5px 10px;}
.nav li li a:hover {border-radius:0;}
/*navbtn*/#navbtn {position:absolute;right:0;top:50%;transform:translateY(-50%);cursor:pointer;display:none;width:25px;height:20px;}
#navbtn i {display:block;position:absolute;top:50%;left:0;margin-top:-1px;height:2px;background-color:#999;width:100%;}
#navbtn i:before,#navbtn i:after {content:'';display:block;height:2px;background-color:#999;position:absolute;left:0;width:100%;}
#navbtn i:before {top:-9px;}
#navbtn i:after {bottom:-9px;}
/*banner*/#slidershow {width:100%;height:auto;overflow:hidden;clear:both;background:#fff;}
#slidershow img {width:100%;max-width:1920px;display:block;}
/*slides*/.owl-carousel {width:100%;-webkit-tap-highlight-color:transparent;position:relative;z-index:1;}
.owl-carousel img {width:100%;height:auto;display:block;}
.owl-carousel .owl-stage {position:relative;-ms-touch-action:pan-Y;-moz-backface-visibility:hidden;}
.owl-carousel .owl-stage:after {content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
.owl-carousel .owl-stage-outer {position:relative;-webkit-transform:translate3d(0px,0px,0px);}
.owl-carousel .owl-wrapper,.owl-carousel .owl-item {-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);}
.owl-carousel .owl-item {position:relative;min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;}
.owl-carousel .owl-nav.disabled,.owl-carousel .owl-dots.disabled {display:none;}
.owl-carousel .owl-nav .owl-prev,.owl-carousel .owl-nav .owl-next {cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-indent:-9999em;width:35px;height:35px;position:absolute;top:50%;margin-top:-17.5px;padding:0;}
.owl-carousel .owl-nav .owl-prev {background:url(../images/controls.png) no-repeat 0 0;left:15px;transition:background 0.3s ease 0s;}
.owl-carousel .owl-nav .owl-next {background:url(../images/controls.png) no-repeat -42px 0;right:15px;transition:background 0.3s ease 0s;}
.owl-carousel .owl-nav .owl-prev:hover {background-position:0 -35px;}
.owl-carousel .owl-nav .owl-next:hover {background-position:-42px -35px;}
.owl-carousel.owl-loaded {display:block;}
.owl-carousel.owl-loading {opacity:0;display:block;}
.owl-carousel.owl-hidden {opacity:0;}
.owl-carousel.owl-refresh .owl-item {visibility:hidden;}
.owl-carousel.owl-drag .owl-item {-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;opacity:0.2;}
.owl-carousel.owl-drag .owl-item.active {opacity:1;}
.owl-carousel.owl-grab {cursor:move;cursor:grab;}
.owl-carousel.owl-rtl {direction:rtl;}
.owl-carousel.owl-rtl .owl-item {float:right;}
.no-js .owl-carousel {display:block;}
.owl-carousel .animated {animation-duration:1000ms;animation-fill-mode:both;}
.owl-carousel .owl-animated-in {z-index:0;}
.owl-carousel .owl-animated-out {z-index:1;}
.owl-carousel .fadeOut {animation-name:fadeOut;}
@keyframes fadeOut {0% {opacity:1;}
100% {opacity:0;}
}
.owl-height {transition:height 500ms ease-in-out;}
.owl-carousel .owl-item .owl-lazy {opacity:0;transition:opacity 400ms ease;}
.owl-carousel .owl-item img.owl-lazy {transform-style:preserve-3d;}
.owl-carousel .owl-video-wrapper {position:relative;height:100%;background:#000;}
.owl-carousel .owl-video-play-icon {position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url("../images/owl.video.play.png") no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform 100ms ease;}
.owl-carousel .owl-video-play-icon:hover {-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3);}
.owl-carousel .owl-video-playing .owl-video-tn,.owl-carousel .owl-video-playing .owl-video-play-icon {display:none;}
.owl-carousel .owl-video-tn {opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity 400ms ease;}
.owl-carousel .owl-video-frame {position:relative;z-index:1;height:100%;width:100%;}
.owl-nav {text-align:center;-webkit-tap-highlight-color:transparent;}
.owl-nav [class*='owl-'] {color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px;}
.owl-nav .disabled {opacity:0.5;cursor:default;}
.owl-nav.disabled + .owl-dots {margin-top:10px;}
.owl-dots {text-align:center;-webkit-tap-highlight-color:transparent;position:absolute;bottom:10px;width:100%;left:0;}
.owl-dots .owl-dot {display:inline-block;zoom:1;*display:inline;cursor:pointer;}
.owl-dots .owl-dot span {width:15px;height:5px;margin:5px 5px;background:#fff;display:block;-webkit-backface-visibility:visible;transition:opacity 200ms ease;}
.owl-dots .owl-dot.active span,.owl-dots .owl-dot:hover span {background:#1E95F5;}
/*notice*/#notice {background:rgba(23,142,238,0.9);margin-bottom:30px;padding:10px 0;color:#fff;overflow:hidden;font-size:16px;line-height:1.875em;}
#notice.nb {margin-bottom:0;}
/*section*/.onbg {position:absolute;width:100%;height:100%;background:#000;opacity:0.5;left:0;top:0;display:none;}
/*hmTitle*/.hmTitle {text-align:center;margin-bottom:3.5%;padding-bottom:30px;}
.hmTitle .title {display:inline-block;position:relative;}
.hmTitle .title:before,.hmTitle .title:after {width:30px;height:1px;background-color:#178EEE;transform:rotate(-45deg);content:'';display:block;margin-top:20px;position:absolute;left:50%;}
.hmTitle .title:before {margin-left:40px;}
.hmTitle .title:after {margin-left:-70px;}
.hmTitle i {display:inline-block;width:40px;height:40px;text-transform:uppercase;color:#fff;border-radius:50%;margin:0 auto;background-color:#178EEE;font:normal 26px/42px 'Arial';position:relative;}
.hmTitle h3,.hmTitle h4 {font-weight:normal;color:#178EEE;font-size:18px;line-height:1.5em;text-transform:uppercase;clear:both;}
.hmTitle h4 {color:#bbb;}
.bluebg .hmTitle i {background-color:#178eee;color:#ffffff;}
.bluebg .hmTitle h3,.bluebg .hmTitle {color:#178eee;}
.bluebg .hmTitle .title:before,.bluebg .hmTitle .title:after {background-color:#178eee;}
/*hmowl*/#hmowl {padding:5% 0;overflow:hidden;}
#hmowl .box {width: 100%;display: inline-block;}
#hmowl .owl-nav .owl-prev {left:-60px;}
#hmowl .owl-nav .owl-next {right:-60px;}
#hmowl .owl-stage-outer {overflow:hidden;}
#hmowl .bxitem {border:1px solid #eee;margin-right: 1%;margin-bottom: 2%;width: 18.8333%;float: left;}
#hmowl .thumbnail {overflow:hidden;}
#hmowl .thumbnail a {display:block;padding-bottom:80%;position:relative;}
#hmowl .thumbnail img {position:absolute;top:0;height:100%;}
#hmowl h2 {font-weight:normal;font-size:18px;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.5em;margin-bottom:10px;}
#hmowl a {color:#333;}
#hmowl a:hover {color:#1E95F5;}
#hmowl .info {padding:20px;}
#hmowl .intro {font-size:14px;line-height:1.75em;text-align:justify;height:7em;overflow:hidden;color:#555;margin-bottom:15px;}
#hmowl .more a {font-size:12px;display:block;width:90px;height:32px;line-height:32px;text-align:center;background-color:#f6f6f6;color:#999;border-radius:3px;margin:0 auto;}
#hmowl .more a:hover {background-color:#1E95F5;color:#fff;}
/*bluebg*/.bluebg {background:#ffffff;width:100%;padding:0.5% 0;}
#products ul {width:102%;}
#products li {float:left;width:23%;padding-right:2%;padding-bottom:2%;}
#products li .thumbnail {border:2px solid #fff;padding-bottom:78%;position:relative;overflow:hidden;margin-bottom:5%;}
#products li img {position:absolute;top:0;width:100%;height:100%;display:block;}
#products li h2 {font-weight:normal;font-size:1em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#fff;text-align:center;color:#000;}
/*showcase*/#showcase {margin-bottom:2%;}
#showcase .inner {overflow:hidden;}
#showcase ul {width:103%;overflow:hidden;}
#showcase li {float:left;width:47%;padding-right:3%;padding-bottom:3%;}
#showcase li .box {background-color:#fafafa;overflow:hidden;border:1px solid #eee;}
#showcase li .thumbnail {width:170px;float:left;}
#showcase li .thumbnail a {display:block;padding-bottom:75%;position:relative;overflow:hidden;}
#showcase li .thumbnail img {display:block;width:100%;height:100%;position:absolute;top:0;}
#showcase li .info {margin-left:170px;padding:10px 5%;}
#showcase li h2 {white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:16px;line-height:1.875em;color:#178EEE;margin-bottom:5px;}
#showcase li a {color:#178EEE;}
#showcase li .intro {font-size:14px;line-height:1.75em;color:#333;text-align:justify;height:3.5em;overflow:hidden;margin-bottom:7px;}
#showcase li .more {text-align:right;font-size:14px;line-height:1.125em;}
#showcase li .more a {color:#666;}
/*news*/#news {text-align:center;position:relative;margin-bottom:50px;overflow:hidden;}
#news h2 {font-weight:normal;color:#111;font-size:1.25em;margin-bottom:20px;}
#news h2 a {color:#111;}
#news h2 a:hover {color:#1E95F5;}
#news p {color:#333;width:70%;margin:0 auto 15px;font-size:0.875em;}
#news .owl-dots {bottom:auto;position:static;left:auto;width:auto;}
#news .owl-dots .owl-dot span {background-color:#ddd;width:10px;height:10px;border-radius:50%;}
#news .owl-dots .owl-dot.active span {background-color:#1E95F5;}
#products,#container2 {overflow:hidden;margin-bottom:5px;margin-top: 2%;}
/*partner*/#partner {overflow:hidden;margin-bottom:30px;}
#partner ul {width:102%;overflow:hidden;}
#partner li {float:left;width:14.66%;padding-right:2%;padding-bottom:2%;}
#partner li a {display:block;border:1px solid #ddd;padding:10px;}
#partner li i {padding-bottom:66.456%;background:no-repeat center center;background-size:contain;display:block;}
.widget .textwidget img {display:block;width:100%;height:auto;}
/*container*/.sidebar {width:250px;float:left;}
.sideMenu,.widget {margin-bottom:25px;}
.sideMenu h3 a {color:#fff;}
.sideMenu h3,.widget h3 {background-color:#178EEE;color:#fff;padding:15px 10px 5px 20px;font-size:1em;}
.sideMenu h3 span,.widget h3 span {font-weight:normal;font-size:0.75em;margin-left:10px;text-transform:uppercase;text-transform:uppercase;}
.sideMenu ul {background-color:#FFF8FB;border:1px solid #eee;}
.sideMenu li {font-weight:bold;font-size:1em;color:#666;border-bottom:1px solid #eee;}
.sideMenu li a {color:#666;display:block;padding:10px 0 10px 45px;}
.sideMenu li a:hover,.sideMenu li.on a {background:url(../images/menu-bg.gif) no-repeat left center;color:#178EEE;}
.widget h3 {padding:8px 10px 5px 20px;}
.widget ul,.widget .textwidget,.widget > div {border:1px solid #eee;padding:10px;}
.widget li {font-size:14px;line-height:2em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.widget li a {background:url(../images/dot.png) no-repeat left center;padding-left:12px;color:#333;}
.widget li a:hover {background-image:url(../images/dot-on.png);color:#178EEE;}
.widget img {max-width:100%;height:auto;}
.widget .textwidget {padding:5px;font-size:0.875em;}
.widget .textwidget img {margin-bottom:10px;}
/*main*/.main {width:900px;float:right;margin-bottom:5%;}
.breadcrumb-title {border-bottom:1px solid #eee;overflow:hidden;padding-top:6px;margin-bottom:25px;}
.breadcrumb-title h1,.breadcrumb-title .cate {float:left;font-weight:normal;font-size:1.25em;border-bottom:2px solid #178EEE;padding-bottom:5px;}
.breadcrumb-title h1 a,.breadcrumb-title .cate a {color:#000;}
.breadcrumb {float:right;font-size:0.75em;color:#666;background:url(../images/home.png) no-repeat left center;padding-left:18px;}
.breadcrumb a {color:#666;}
/*showlist*/.showlist {overflow:hidden;}
.showlist ul {overflow:hidden;width:103%;}
.showlist li {float:left;width:30.333%;padding:0 3% 3% 0;}
.showlist li .thumbnail {margin-bottom:10px;}
.showlist li .thumbnail a {padding-bottom:80%;position:relative;display:block;overflow:hidden;}
.showlist li .thumbnail img {width:100%;height:100%;display:block;position:absolute;top:0;left:0;}
.showlist li h2 {font-size:16px;text-align:center;font-weight:normal;line-height:1.75em;}
.showlist li h2 a {color:#555;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.showlist li h2 a:hover {color:#178EEE;}
/*newslist*/.newslist ul {margin-bottom:5%;}
.newslist li {font-size:16px;line-height:1.875em;border-bottom:1px dotted #ddd;overflow:hidden;padding-bottom:8px;margin-bottom:8px;}
.newslist li span {float:right;color:#666;font-size:12px;}
.newslist li a {background:url(../images/dot.png) no-repeat left center;padding-left:15px;color:#444;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;margin-right:120px;}
.newslist li a:hover,.post .related-post ul li a:hover {background-image:url(../images/dot-on.png);color:#2D99F0;}
/*page404*/.page404 {text-align:center;padding:10%;padding:35vh 5%;}
.page404 h2 {font-size:48px;line-height:1.5em;font-weight:normal;margin-bottom:15px;}
/*textlist*/.textlist ul {margin-bottom:30px;}
.textlist li {overflow:hidden;position:relative;}
.textlist li .time {font-size:14px;float:left;color:#666;width:85px;}
.textlist li .info {margin-left:110px;overflow:hidden;padding-left:39px;position:relative;padding-bottom:30px;}
.textlist li span {width:3px;height:120%;position:absolute;left:128px;background-color:#c7c7c7;}
.textlist li i {display:block;width:12px;height:12px;background-color:#fff;border:3px solid #178EEE;border-radius:50%;position:absolute;top:5px;left:50%;transform:translateX(-50%);}
.textlist li h2 {font-weight:normal;font-size:24px;line-height:1.35em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:10px;color:#178EEE;}
.textlist li h2 a {color:#178EEE;}
.textlist li h2 a:hover {color:#444;text-decoration:underline;}
.textlist li p {font-size:14px;line-height:1.875em;color:#555;text-align:justify;}
/*pagenavi*/.pagenavi {clear:both;text-align:center;font-size:0;line-height:normal;}
.pagenavi li {display:inline-block;}
.pagenavi a {display:inline-block;background-color:#dfdfdf;color:#666;height:32px;line-height:32px;padding:0 12px;font-size:14px;margin:2px;}
.pagenavi a:hover,.pagenavi li.active a {color:#fff;background-color:#178EEE;}
/*post*/.post h1 {text-align:center;font-weight:normal;font-size:1.5em;margin-bottom:15px;line-height:1.5em;}
.post h1.post_page {margin-bottom:30px;}
.post .postmeta {font-size:0.75em;color:#888;text-align:center;margin-bottom:25px;}
.post .postmeta span {padding:5px;}
.post .pn,.post .related-post {overflow:hidden;margin-bottom:20px;}
/*entry*/.entry {font-size:16px;line-height:1.875em;color:#333;overflow:hidden;border-bottom:1px solid #eee;margin-bottom:2.5%;}
.entry img {max-width:100%;height:auto !important;}
.entry p,.entry h1,.entry h2,.entry h3,.entry h4,.entry h5,.entry h6 {margin-bottom:2.5%;}
.entry blockquote {background-color:#f3f3f3;overflow:hidden;padding:2.5% 2.5% 0;margin-bottom:2.5%;color:#333;border-bottom:2px solid #eee;}
.entry ul,.entry ol {padding-left:1em;margin-left:2em;margin-bottom:2.5%;}
.entry ul li {list-style:outside disc none;}
.entry ol li {list-style:outside decimal none;}
.entry li p {margin-bottom:0;}
.entry a {color:#178EEE;}
.entry a:hover {text-decoration:underline;}
.post .pn p {font-size:0.875em;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.post .pn p a {color:#555;}
.post .pn p a:hover {text-decoration:underline;color:#178EEE;}
.post .related-post h3,#relatedPro h3 {background:#178EEE;color:#fff;font-weight:normal;font-size:0.875em;padding-left:5px;height:30px;line-height:32px;margin-bottom:15px;border-bottom:2px solid #eee;}
.post .related-post ul li {font-size:1em;line-height:1.75em;overflow:hidden;padding:5px 0;}
.post .related-post ul li a {color:#333;background:url(../images/dot.png) no-repeat left center;padding-left:15px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:120px;}
.post .related-post ul li span {float:right;color:#888;font-size:12px;}
.post .tags {margin-bottom:20px;font-size:0.75em;}
.post .tags span {color:#666;}
.post .tags a {color:#178EEE;margin-left:5px;}
/*底部图标*/.mobi-map a {background-image:url("../images/首页.png");background-repeat:no-repeat;display:block;margin-top:5px;background-position:center 6px;}
.mobi-phonedianhua a {background-image:url("../images/电话.png");background-repeat:no-repeat;display:block;margin-top:5px;background-position:center 6px;}
.weixin a {background-image:url("../images/微信.png");background-repeat:no-repeat;display:block;margin-top:5px;background-position:center 6px;}
.mobi-chatzixun a {background-image:url("../images/联系我们.png");background-repeat:no-repeat;display:block;margin-top:5px;background-position:center 6px;}
div#weixin p {text-align:center;padding-top:580px;color:#ffffff;}
/*底部图标*//*relatedPro*/#relatedPro {overflow:hidden;}
#relatedPro ul {width:102%;overflow:hidden;}
#relatedPro li {float:left;width:23%;padding:0 2% 2% 0;}
#relatedPro .thumbnail {margin-bottom:5px;}
#relatedPro .thumbnail a {display:block;padding-bottom:80%;position:relative;overflow:hidden;}
#relatedPro .thumbnail img {display:block;width:100%;height:100%;position:absolute;left:0;top:0;object-fit:cover;}
#relatedPro h2 {font-size:16px;line-height:1.875em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:normal;text-align:center;}
/*postbottom*/.postbottom {font-size:14px;line-height:1.75em;color:#888;margin-bottom:15px;margin-left:60px;}
/*friendlinks*/#friendlinks {margin-bottom:30px;overflow:hidden;}
#friendlinks ul li {font-size:0.875em;float:left;margin:0 10px;display:inline;}
#friendlinks ul li a {color:#666;}
#friendlinks ul li a:hover {color:#1E95F5;text-decoration:underline;}
/*footer*/#footer {background:#2E2E2E;width:100%;height:auto;}
.top-footer {font-size:0.875em;padding:20px 0;color:#fff;overflow:hidden;position:relative;}
.contact {float:left;padding-left:40px;}
.contact ul li {line-height:2em;}
.contact ul li i {color:#848484;}
.contact ul li .icon-map-marker {font-size:1.5em;}
.contact ul li .icon-phone {font-size:1.25em;}
.qrcode {float:left;}
.qrcode ul li {float:left;margin:0 10px;display:inline;text-align:center;}
.qrcode img {width:80px;height:80px;display:block;background-color:#fff;}
.footer-logo {float:right;margin-top:20px;display:inline;width:250px;}
.footer-logo img {width:100%;height:auto;}
.sub-footer {background:white;width:95%;padding:10px 2.5%;text-align:center;color:#ACACAC;font-size:0.75em;}
.sub-footer a {color:#ACACAC;display:inline-block;}
.sub-footer img {display:inline-block;vertical-align:middle;width:auto;height:20px;margin-top:-3px;}
/*searchForm*/.searchForm {display:none;position:absolute;right:0;top:100%;width:310px;background-color:#1E95F5;overflow:hidden;}
.searchForm form {padding-right:55px;position:relative;display:block;margin:10px;}
.searchForm .s {height:25px;line-height:25px;width:90%;padding:5px 5%;border:none;}
.searchForm .submit {position:absolute;right:0;top:0;cursor:pointer;background-color:#fff;border:none;height:100%;width:50px;font-size:14px;}
/*searchForm*/.backtop {position:fixed;right:0;top:80%;background:#1E95F5 url(../images/backtop.png) no-repeat;width:54px;height:54px;cursor:pointer;}
#weixin {background:rgba(0,0,0,0.7);position:fixed;left:0;top:0;width:100%;height:100%;z-index:10001;display:none;}
#weixin img {width:200px;height:230px;background-color:#fff;padding:10px;border:1px solid #ddd;position:fixed;top:50%;margin-top:-106px;left:50%;margin-left:-106px;}
/*mobile-bar*/.mobile-bar {width:100%;font-size:1em;text-align:center;background-color:#333;overflow:hidden;position:fixed;bottom:0px;left:0px;z-index:9999;display:none;}
.mobile-bar li {float:left;width:25%;}
.mobile-bar li a {padding-top:35px;border-left:1px solid #383838;border-right:1px solid #2B2B2B;color:#EEE;background-repeat:no-repeat;display:block;}
.mobile-bar li.mobi-map a {background-position:center 6px;}
.mobile-bar li.mobi-phone a {background-position:center -67px;}
.mobile-bar li.mobi-email a {background-position:center -134px;}
.mobile-bar li.mobi-chat a {background-position:center -202px;}
.mobile-bar li i {font-style:normal;font-size:0.875em;}
/*screen width*/@media only screen and (max-width:1280px) {.inner {width:93.75%;}
.footer-logo {width:20.833333%;}
.sidebar {width:20.833333%;}
.main {width:75%;}
#contact.fixed {width:19.53125%;}
/*1280*/.nav li {font-size:18px;}
/*1280*/.bloglist li h2 {font-size:22px;}
/*1280*/.textlist li h2 {font-size:22px;}
}
@media only screen and (max-width:1024px) {/*1024px*/#service li {padding:2%;width:16%;}
/*1024px*/.nav {padding:25px 0;}
.nav li {font-size:16px;}
/*1024px*/.logo a {width:167px;height:50px;}
/*1024px*/#showcase li .thumbnail {width:150px;}
#showcase li .info {margin-left:150px;padding:5px 3.5%;}
#showcase li h2 {line-height:1.75em;margin-bottom:0;}
#showcase li .intro {margin-bottom:0;height:5.25em;}
#showcase li .more {display:none;}
/*1024px*/.bloglist li h2 {font-size:20px;}
/*1024px*/.textlist li h2 {font-size:20px;}
/*1024px*/#waterfall .grid-sizer,#waterfall .grid-item {width:31.33%;}
/*1024px*/#relatedPro h2 {font-size:14px;}
}
@media only screen and (max-width:960px) {/*960*/.nav {position:fixed;float:none;width:100%;clear:both;width:200px;z-index:9;left:-200px;top:0;height:100%;background-color:rgba(0,0,0,.8);color:#fff;padding:0;overflow-y:auto;-webkit-overflow-scrolling:touch;transition:left .3s;}
.nav.open {left:0;}
.nav ul {padding:50px 0;}
.nav li {float:none;margin:0;display:block;line-height:45px;}
.nav li em {display:block;position:absolute;right:0;top:0;width:45px;height:45px;}
.nav li em:before {content:'';display:block;width:8px;height:8px;border-right:1px solid #fff;border-bottom:1px solid #fff;transform:rotate(45deg);position:absolute;left:50%;top:50%;margin:-6px 0 0 -6px;transition:all .3s;}
.nav li em.open:before {transform:rotate(-135deg);margin-top:0;}
.nav li a {color:#fff;padding:0 45px 0 2em;}
.nav li a:hover,.nav li.on > a,.nav li.cur > a {background-color:transparent;}
.nav li ul {position:static;left:auto;top:auto;width:auto;padding:0;border:none;background:none;}
.nav li li {text-align:left;line-height:45px;}
.nav li li a {padding:0 0 0 4em;}
/*960*/#navbtn {display:block;}
/*960*/#hmowl {padding:5.5% 0;}
#hmowl .box {padding:0;}
#hmowl .owl-dots {position:static;margin-top:3.5%;}
#hmowl .owl-dot span {width:10px;height:10px;border-radius:50%;background-color:#e4e4e4;}
#hmowl .active span {background-color:#1E95F5;}
/*960*/}
@media only screen and (max-width:900px) {.footer-logo {position:absolute;right:0;top:40px;}
}
@media only screen and (max-width:800px) {.sidebar {display:none;}
.main {float:none;width:100%;}
}
@media only screen and (max-width:768px) {/*768*/#top {position:relative;}
#top .inner {position:static;}
/*768*/#service {padding:5% 0;}
#service li {width:18%;padding:1%;}
#service li .thumbnail {width:88%;margin-bottom:10px;}
#service li h2 {font-size:14px;}
/*768*/#notice {font-size:12px;line-height:1.5em;padding:8px 0;margin-bottom:10px;}
/*768*/.searchForm {width:93.75%;padding:3.125%;}
.searchForm form {margin:0;}
/*768*/.logo {padding:12.5px 0;}
.logo a {width:133px;height:40px;}
/*768*/#partner ul {width:103%;}
#partner li {width:31%;}
#slidershow img {height:150px;}
/*768*/#hmowl h2 {font-size:14px;margin-bottom:5px;white-space:normal;line-height:1.75em;height:3.5em;}
#hmowl .info {padding:15px;}
#hmowl .intro {display:none;}
#hmowl .more {display:none;}
/*768*/.hmTitle {padding-bottom:0;}
.hmTitle .title:before,.hmTitle .title:after {transform:none;top:50%;margin-top:-0.5px;}
.hmTitle .title:before {left:auto;right:120%;margin-left:0;}
.hmTitle .title:after {left:120%;margin-left:0;}
.hmTitle i {width:30px;height:30px;font-size:18px;line-height:32px;}
.hmTitle h4 {font-size:14px;}
/*768*/.newslist li {font-size:14px;margin-bottom:5px;padding-bottom:5px;}
.newslist li span {float:none;padding-left:10px;}
.newslist li a {padding-left:10px;margin-right:0;}
/*768*/#showcase ul {width:auto;}
#showcase li {float:none;padding-right:0;width:auto;}
#showcase li .thumbnail {width:110px;}
#showcase li .info {margin-left:110px;padding:5px 2.5%;}
#showcase li h2 {line-height:1.25em;font-weight:normal;margin-bottom:3px;}
#showcase li .intro {height:3.5em;}
/*768*/.bloglist li .thumbnail {width:120px;}
.bloglist li .info {margin-left:135px;}
.bloglist li h2 {font-size:16px;line-height:1.875em;white-space:normal;margin-bottom:0;max-height:3.75em;}
.bloglist li p {font-size:14px;line-height:2em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;height:auto;}
/*768*/.textlist li {padding-left:20px;}
.textlist li span {width:1.5px;left:6.5px;}
.textlist li i {border-width:2px;width:9px;height:9px;}
.textlist li .time {float:none;font-size:12px;margin-bottom:5px;width:auto;}
.textlist li .info {margin-left:0;padding-left:0;padding-bottom:15px;}
.textlist li h2 {font-size:16px;font-weight:bold;}
.textlist li p {line-height:1.75em;max-height:5.25em;overflow:hidden;}
/*768*/#waterfall {margin-bottom:3.5%;}
#waterfall .grid-sizer,#waterfall .grid-item {width:48%;}
#waterfall h2 {font-size:14px;}
/*768*/#relatedPro ul {width:103%;}
#relatedPro li {width:47%;padding:0 3% 3% 0;}
/*768*/.commentForm label {font-size:14px;float:none;line-height:1.5em;margin-bottom:5px;}
.commentForm .input {margin-left:0;}
.commentForm .text {width:95%;padding:5px 2.5%;text-indent:0;}
.commentForm .verify img {height:38px;}
.commentForm .btn {margin-left:0;text-align:right;}
/*768*/.postbottom {margin-left:0;font-size:14px;}
/*768*/.post .related-post ul li {font-size:14px;}
.post .related-post ul li span {float:none;margin-left:15px;}
.post .related-post ul li a {margin-right:0;}
/*768*/.page404 h2 {font-size:28px;}
.page404 p {font-size:14px;}
}
@media only screen and (max-width:680px) {.social ul li.qq {display:none;}
.mobile-bar {display:block;}
.backtop {display:none;}
.qrcode {float:none;text-align:center;margin-bottom:15px;}
.qrcode ul li {float:none;display:inline-block;}
.footer-logo {top:auto;bottom:20px;}
.contact {float:none;padding-left:0;}
}
@media only screen and (max-width:540px) {#products li h2 {font-size:0.875em;}
/*540*/.showlist li {width:47%;}
.showlist li .thumbnail {margin-bottom:5px;}
.showlist li h2 {font-size:14px;}
}
@media only screen and (max-width:480px) {.social ul li {margin-left:2px;}
#products li {width:48%;padding-bottom:4%;}
.breadcrumb {float:none;margin-bottom:15px;}
.breadcrumb-title h1,.breadcrumb-title .cate {clear:both;float:none;}
/*480px*/#waterfall,#waterfall .grid-sizer,#waterfall .grid-item,#waterfall .gutter-sizer {width:auto;}
#waterfall .grid-item {margin-bottom:3.5%;}
}
@media only screen and (max-width:380px) {#top .tel span,.commentslist ol li .gravatar,.commentslist ol li span.arrow {display:none;}
.commentslist ol li .cmt-info {margin-left:0;}
}
@media only screen and (max-width:320px) {#navbtn {top:13px;}
#navbtn span {display:none;}
}
